﻿<!DOCTYPE html>
<html lang="pt-br">
<head>
    <title>PlungerJS -  {nome do componente}</title>
</head>
<body>

    <header>
        <h2>{nome do componente}</h2>
    </header>

    <section class="descricao" >
        <p>{descrição do que o componente faz}</p>

        <dl>
            <dt>Tipos de inicialização</dt>
                <dd>{indicar quais os 3 tipos de inicialização/execução}</dd>
            <dt>Tags observadas</dt>
                <dd>{indicar quais as tags html se aplica}</dd>
            <dt>Dependências</dt>
                <dd>{indicar as dependências do componente, podem ser outros componentes do framework ou outros scripts da comunidade}</dd>
        </dl>                     
    </section>             
    <section class="atributos">
        <header>
            <h3>Atributos</h3>
        </header>
        <ul>
            <li>
                {atributo 1}
                <dl>
                    <dt>{possível valor 1}</dt>
                        <dd>{descrição do valor 1}</dd>
                    <dt>{possível valor 2}</dt>
                        <dd>{descrição do valor 2}</dd>
                </dl>
            </li>
            <li>
                {atributo 2}
                <dl>
                    <dt>{possível valor 1}</dt>
                        <dd>{descrição do valor 1}</dd>
                </dl>
            </li>
        </ul>
    </section>
                  
    <section class="exemplo">
        <header>
            <h3>Exemplos</h3>
        </header>
        <ul>
            <li><p>{Descrição do exemplo em sí}</p>
            <pre class="brush: xml;">
                <!--incluir o exemplo aqui -->
            </pre>
            <a href="../componentes/_modelo_exemplo.htm" class="view" target="_blank">Visualizar</a>
            </li>
            <li><p>{Descrição do exemplo em sí}</p>
            <pre class="brush: xml;">
                <!--incluir o exemplo aqui -->
            </pre>
            <a href="../componentes/_modelo_exemplo.htm" class="view" target="_blank">Visualizar</a>
            </li>
        </ul>

    </section>
                        
    <footer>
        <a href="#">Voltar</a>
    </footer>
</body>
</html>
